<template>
  <div class="original-container">
    <!-- 原始影像 -->
    <el-card class="box-card">
      <div slot="header" class="clearfix">
          <span>原始影像</span>
          <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
      </div>
      <div  class="text item">
        <div class="demo-image">
            <el-image
              style="width: 250px; height: 250px"
              src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
              ></el-image>
        </div>
      </div>
    </el-card>
    <!-- 分割结果 -->
    <el-card class="box-card">
      <div slot="header" class="clearfix">
          <span>分割结果</span>
          <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
      </div>
      <div  class="text item">
        <div class="demo-image">
            <el-image
              style="width: 250px; height: 250px"
              src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
              ></el-image>
        </div>
      </div>
    </el-card>
  </div>
    
</template>


<style scoped lang="less">
.original-container{
  display: flex;
  justify-content:space-around;
  margin: 0 auto;
  margin-top: 10vh;
}
  .text {
    font-size: 14px;
  }


  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 300px;
  }
</style>